<script setup lang="ts">
import layoutHeader from '@/components/layout/layoutHeader.vue';
import layoutNav from '@/components/layout/layoutNav.vue';
import HomeMain from '@/components/layout/HomeMain.vue';
import layoutFooter from '@/components/layout/layoutFooter.vue';
import { onMounted } from 'vue';
import {useCategoryStore} from '@/stores/';
const categoryStore = useCategoryStore();
onMounted(()=>{
categoryStore.getCategory()
})
</script>

<template>
  <div class="main-container">
    <layoutNav></layoutNav>
    <el-affix target=".main-container">
      <layoutHeader ref="header"></layoutHeader>
    </el-affix>

    <HomeMain></HomeMain>
    <layoutFooter></layoutFooter>
  </div>

</template>
<style lang="scss" scoped>
.main-container{
  height: 1500px;
}
</style>
